<template>
  <div>
    <h2>管理员---修改投资项目信息</h2>
    <table class="table table-bordered">
      <tr>
        <td align="right">投资项目名称:</td>
        <td>
          <input type="text" v-model="updatetData.I_Name">
        </td>
      </tr>

      <tr>
        <td align="right">投资总金额:</td>
        <td>
          <input type="text" v-model="updatetData.I_Budget">
        </td>
      </tr>

      <tr>
        <td></td>
        <td>
          <input type="button" value="确认修改" @click="upInvest" class="btn btn-primary">
        </td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">

import {reactive,toRefs,onMounted} from 'vue';

import { useRouter,useRoute } from 'vue-router';

import axios from 'axios';

//数据
let data =reactive({
   updatetData:{
    I_Name:'',
    I_Budget:''
   }
})

//解构
let {updatetData} = toRefs(data);

//路由
let router = useRouter();

let route = useRoute();

//回显
onMounted(()=>{
  BackData()
})

//反填
const BackData=()=>{
  axios({
    url:'/api/Invest/GetInvestItem',
    method:'get',
    params:{
      I_Id:route.query.I_Id
    }
  }).then(res=>{
    console.log(res);
    updatetData.value = res.data.data;
  }).catch(err=>{
    console.log(err);
  })
}

//确认修改
const upInvest = ()=>{
   //非空判断
   if(updatetData.value.I_Name==''){
    return alert('投资名称不能为空');   
   }
   if(updatetData.value.I_Budget==''){
    return alert('投资总金额不能为空');
   }
   //判断投资总金额是否为数字
   if(isNaN(Number(updatetData.value.I_Budget))==true){
    return alert('投资总金额必须为数字');
   }
   if(Number(updatetData.value.I_Budget)<100000 || Number(updatetData.value.I_Budget)>1000000){
    return alert('投资总金额在100000-10000000之间');
   }

   //发送网络请求
   axios({
      url:'/api/Invest/PostUpInvest',
      method:'post',
      data:updatetData.value
   }).then(res=>{
      console.log(res);
      if(res.data.data==-1){
        alert('该项目有人投资,不能修改')
        router.push('/main/adminInvestList');
      }else if(res.data.data>0){
         alert('修改成功');
         //跳转管理员投资列表
         router.push('/main/adminInvestList');
      }else{
         alert('修改失败');
      }
   }).catch(err=>{
      //异常处理机制
      console.log(err);
   })
}

</script>

<style scoped>

</style>